<div class="row">
	<?php echo $this->Html->link('Adicionar Produto', array('controller' => 'produtos', 'action' => 'add', 'admin' => true), array('class' => 'btn btn-default pull-right')) ?>
</div>
<div class="row">
	<?php foreach($produtos as $produto): ?>
	<div class="col-md-3 col-sm-6">
	<div class="thumbnail">
		<?php $foto = 'no-image.jpg'; foreach($produto['Midia'] as $midia): ?>
			<?php if($midia['ic_capa']){ $foto = $midia['nome']; break; } ?>
		<?php endforeach ?>
		<?php echo $this->Html->image($foto, array('alt' => 'Foto de '.$produto['Produto']['nome'], 'style' => 'width:200px;height:200px')) ?>
		<div class="caption">
        <h4 style="overflow: hidden; text-overflow: ellipsis; height: 33px;"><?php echo $produto['Produto']['nome'] ?></h4>
	  <span><?php echo 'R$'.number_format($produto['Produto']['preco'],2) ?></span>
	  <p><strong class="pull-left"><?php echo ($produto['Produto']['qtd_estoque'] > 0) ? "Em estoque" : "Esgotado" ?></strong>
	  <span class="pull-right" style="margin-left:4px">
		<i class="fa fa-eye"></i> <?php echo $produto['Produto']['views'] ?>
	</span>
	<span class="pull-right">
	  <i class="fa fa-heart"></i>
	  <?php echo count($produto['Desejo']) ?>
	  </span></p><br/>
	  <div class="btn-group">
	  <button class="btn btn-default" onclick="abrirGaleria(<?php echo $produto['Produto']['id'] ?>)">Fotos</button>
	  <?php echo $this->Html->link('Editar', array('controller' => 'produtos', 'action' => 'edit', $produto['Produto']['id']), array('class' => 'btn btn-default')) ?>
	  <?php echo $this->Html->link('Excluir', array('controller' => 'produtos', 'action' => 'delete', $produto['Produto']['id']), array('class' => 'btn btn-default')) ?>
	  </div></div></div></div>
	<?php endforeach ?>
</div>
<div class="row">
<div class="btn-group">
    <?php echo $this->Paginator->sort('nome', 'Ordenar por Nome', array('class' => 'btn btn-default pull-left'));?>
	<?php echo $this->Paginator->sort('qtd_estoque','Ordenar por Quantidade', array('class' => 'btn btn-default pull-left'));?>
	<?php echo $this->Paginator->sort('views','Ordenar por Visualizações', array('class' => 'btn btn-default pull-left'));?>
	</div>
  <div class="col-md-12" style="text-align: center;">
      <?php
      echo $this->Paginator->first('Primeira página ');
      echo $this->Paginator->numbers();
      echo $this->Paginator->last(' Última página');
      ?>
      <br />
      <?php
      echo $this->Paginator->counter(
          'Exibindo {:current} produtos. No total, {:count} produtos cadastrados.'
      );
      //, starting on record {:start}, ending on {:end}
      ?>
  </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Fotos</h4>
      </div>
      <div class="modal-body" id="myModalBody">
	  </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
function abrirGaleria(id){
		$.post("<?php echo $this->base; ?>/admin/midias/listar/"+id).done(function( data ) {
			
			document.querySelector("#myModalBody").innerHTML = data;
			$('#myModal').modal('show');
		});
	}
	
	function submitForm() {
		var form = document.getElementById("fileinfo");
		var fd = new FormData(form);
		$.ajax({
		  url: form.action,
		  type: "POST",
		  data: fd,
		  enctype: 'multipart/form-data',
		  processData: false,  // tell jQuery not to process the data
		  contentType: false   // tell jQuery not to set contentType
		}).done(function( data ) {
			 document.getElementById("gallery").innerHTML = data;
			 form.reset();
		});
		return false;
	}
	
	function definirCapa(id){
		$.post("<?php echo $this->base; ?>/admin/midias/definir_capa/"+id).done(function( data ) {
			document.getElementById("gallery").innerHTML = data;
		});
	}
	
	function apagar(id){
		$.post("<?php echo $this->base; ?>/admin/midias/delete/"+id).done(function( data ) {
			document.getElementById("gallery").innerHTML = data;
		});
	}
</script>